<!--
 -
 - Licensed to the Apache Software Foundation (ASF) under one
 - or more contributor license agreements.  See the NOTICE file
 - distributed with this work for additional information
 - regarding copyright ownership.  The ASF licenses this file
 - to you under the Apache License, Version 2.0 (the
 - "License"); you may not use this file except in compliance
 - with the License.  You may obtain a copy of the License at
 -
 -   http://www.apache.org/licenses/LICENSE-2.0
 -
 - Unless required by applicable law or agreed to in writing,
 - software distributed under the License is distributed on an
 - "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 - KIND, either express or implied.  See the License for the
 - specific language governing permissions and limitations
 - under the License.
 -
 -->
<div class="queue">
    <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Queue Attributes',  open: true">

        <div class="clear">
            <div class="formLabel-labelCell">Name:</div>
            <div class="name formValue-valueCell"></div>
        </div>
        <div class="clear"></div>
        <div class="alignLeft">
            <div class="clear">
                <div class="formLabel-labelCell">Type:</div>
                <div class="type formValue-valueCell"></div>
                <div class="typeQualifier formValue-valueCell"></div>
            </div>
            <div class="clear">
                <div class="formLabel-labelCell">State:</div>
                <div class="state formValue-valueCell"></div>
            </div>
            <div class="clear">
                <div class="formLabel-labelCell">Durable:</div>
                <div class="durable formValue-valueCell"></div>
            </div>
            <div class="clear">
                <div class="formLabel-labelCell">Lifespan:</div>
                <div class="lifetimePolicy formValue-valueCell"></div>
            </div>
            <div class="clear">
                <div class="formLabel-labelCell">Persist Messages:</div>
                <div class="messageDurability formValue-valueCell"></div>
            </div>
        </div>
        <div class="alignRight">
            <div class="clear">
                <div class="formLabel-labelCell">Inbound:</div>
                <div class="formValue-valueCell">
                    <span class="msgInRate"></span>
                    <span> msg/s</span>
                    <span class="bytesInRate"></span>
                    <span class="bytesInRateUnits"></span>
                </div>
            </div>
            <div class="clear">
                <div class="formLabel-labelCell">Outbound:</div>
                <div class="formValue-valueCell">
                    <span class="msgOutRate"></span>
                    <span> msg/s</span>
                    <span class="bytesOutRate"></span>
                    <span class="bytesOutRateUnits"></span>
                </div>
            </div>
            <div class="clear">
                <div class="formLabel-labelCell">Size:</div>
                <div class="formValue-valueCell">
                    <span class="queueDepthMessages"></span>
                    <span> msgs</span>
                    <span class="queueDepthBytes">(</span>
                    <span class="queueDepthBytesUnits">)</span>
                </div>
            </div>
            <div class="clear">
                <div class="formLabel-labelCell">Pre-fetched:</div>
                <div class="formValue-valueCell">
                    <span class="unacknowledgedMessages"></span>
                    <span> msgs</span>
                    <span class="unacknowledgedBytes">(</span>
                    <span class="unacknowledgedBytesUnits">)</span>
                </div>
            </div>
            <div class="clear">
                <div class="formLabel-labelCell">Oldest Message Age:</div>
                <div class="formValue-valueCell">
                    <span class="oldestMessageAge"></span>
                    <span> secs</span>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="clear">
            <div class="formLabel-labelCell">Enforced Max. Ttl(ms):</div>
            <div class="maximumMessageTtl"></div>
        </div>
        <div class="clear">
            <div class="formLabel-labelCell">Enforced Min. Ttl(ms):</div>
            <div class="minimumMessageTtl"></div>
        </div>
        <div class="clear">
            <div class="formLabel-labelCell">Exclusive:</div>
            <div class="exclusive"></div>
        </div>
        <div class="clear">
            <div class="formLabel-labelCell">Owner:</div>
            <div class="owner"></div>
        </div>
        <div class="clear">
            <div class="formLabel-labelCell">Alternate Exchange:</div>
            <div class="alternateExchange"></div>
        </div>
        <div class="clear">
            <div class="formLabel-labelCell">Maximum Delivery Attempts:</div>
            <div class="maximumDeliveryAttempts"></div>
        </div>
        <div class="clear messageGroups">
          <div class="clear">
            <div class="messageGroupKeyLabel formLabel-labelCell ">Message Group Key:</div>
            <div class="messageGroupKey"></div>
          </div>
          <div class="clear">
            <div class="messageGroupSharedGroupsLabel formLabel-labelCell">Shared Message Groups:</div>
            <div class="messageGroupSharedGroups"></div>
          </div>
        </div>
        <div class="clear"></div>
    </div>
    <br/>
    <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Bindings'">
        <div class="bindings"></div>
        <button data-dojo-type="dijit.form.Button" class="addBindingButton" type="button">Add Binding</button>
    </div>
    <br/>
    <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Consumers'">
        <div class="consumers"></div>
    </div>
    <br/>
    <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Messages'">
        <div class="messages"></div>
        <button data-dojo-type="dijit.form.Button" class="deleteMessagesButton" type="button">Delete Messages</button>
        <button data-dojo-type="dijit.form.Button" class="clearQueueButton" type="button">Clear Queue</button>
        <button data-dojo-type="dijit.form.Button" class="moveMessagesButton" type="button">Move Messages</button>
        <button data-dojo-type="dijit.form.Button" class="copyMessagesButton" type="button">Copy Messages</button>
    </div>
    <br/>
    <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Flow Control Settings', open: false">
        <div class="clear">
            <div class="formLabel-labelCell">Capacity:</div>
            <div>
                <span class="queueFlowControlSizeBytes"></span>
                <span>B</span>
            </div>
        </div>
        <div class="clear">
            <div class="formLabel-labelCell">Resume Capacity:</div>
            <div>
                <span class="queueFlowResumeSizeBytes"></span>
                <span>B</span>
            </div>
        </div>
        <div class="clear"></div>
    </div>

    <br/>
    <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Alerting Thresholds', open: false">
      <div class="clear">
            <div class="formLabel-labelCell">Queue Depth (Messages):</div>
            <div>
                <span class="alertThresholdQueueDepthMessages"></span>
                <span>msgs</span>
            </div>
        </div>
        <div class="clear">
            <div class="formLabel-labelCell">Queue Depth (Bytes):</div>
            <div>
                <span class="alertThresholdQueueDepthBytes"></span>
                <span class="alertThresholdQueueDepthBytesUnits"></span>
            </div>
        </div>
        <div class="clear">
            <div class="formLabel-labelCell">Message Age:</div>
            <div>
                <span class="alertThresholdMessageAge"></span>
                <span class="alertThresholdMessageAgeUnits"></span>
            </div>
        </div>
        <div class="clear">
            <div class="formLabel-labelCell">Message Size:</div>
            <div>
                <span class="alertThresholdMessageSize"></span>
                <span class="alertThresholdMessageSizeUnits"></span>
            </div>
        </div>
        <div class="clear">
            <div class="formLabel-labelCell">Gap between alerts:</div>
            <div>
                <span class="alertRepeatGap"></span>
                <span class="alertRepeatGapUnits"></span>
            </div>
        </div>
        <div class="clear"></div>
    </div>

    <div class="dijitDialogPaneActionBar">
        <button data-dojo-type="dijit.form.Button" class="editQueueButton" type="button">Edit Queue</button>
        <button data-dojo-type="dijit.form.Button" class="deleteQueueButton" type="button">Delete Queue</button>
    </div>
</div>

